<template>
  <div>
    <div class="myform">
      <div class="center">
        <div>
          <img width="100%" src="/image/about_b.jpg" alt="" />
        </div>
        <div style="display: flex">
          <ul style="font-size: 13px">
            <li>黑池理念</li>
            <li>大事记</li>
            <li>联系我们</li>
          </ul>
          <div>
            <h6></h6>
            <img width="204" src="/image/20180410_063741.jpg" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.myform {
  margin-top: 40px;
  .center {
    padding: 10px;
    border: 1px solid blanchedalmond;
    background-color: #f3f0ed;
    width: 50%;
    margin: auto;
    img:first-child{
      transform: translateY(-14%);
    }
    h6{
      color: #543018;
    }
    ul:first-child {
      li {
        width: 5vw;
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 40px;
        color: #543018;
      }
      li:hover {
        color: #a56224;
      }
    }
  }
}
</style>